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سوف نقوم بشرح تفصيلي لهذة اللغة المستخدمة لانشاء صفحات الانترنت »› كلمة 1۲۸1 هي عبارة عن اختصار من عبارة 
٠ Hyper rext Markup Language‏ تعتبر 1۲01 ليست لغة برمجية بالمعنى والشكل المتعارف عليه للغات البرمجة 
الاخرى كلغة ٤‏ فهي مثلا لا تحتوي على جمل التحكم والدوران وعند الحاجة لاستخدام هذة الجمل يجب تضمين شفرات من لغات 
اخرى كلغة رهل كذلك لا تحتاج الى مترجم خاص به اام ۳ه). 


طبعاً خلال هذة الدروس سوف يكون الشرح باستخدام برنامج weaver C54‏ aءDre.‏ 
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Adobe® Bridge Home. 
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Dortshow again 


1- Open a Recent Item 
بالضغط على ممم هنا تبين اخر اعمال قمت بها وهي لسرعة الرجوع اليها وكذلك يمكنك فتح اعمال سابقه من خلال‎ 
2- Create New 
هنا تختار اللغة البرمجية اتي تريد استخدام البرنامج في التطبيق وبها العديد من اللغات منها‎ 
HTML «< PHP «< ASP 
3- Top Features (video) 
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عباره عن افضل مميزات البرنامج وتحتاج الى الانترنت للتعرف عليها بان تختار اي فقره من الفقرات. 


لذلك سوف نختار من 


اذا نحن في البداية سوف نختار 1۲٥1‏ 
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ASLT {Entire page’ 
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Dreamweaver Site... 
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فسوف تكون واجهة البرنامج التي سوف نشتغل عليها بهذا الشكل 
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<!DOCTYFE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http: / /www.w3.0rg/TR/xhtn11/DTD/xhtn11-transitional .dtû"> 


<html xmlnsa="http://www.w3.org/1999/xhtml"> 

<head> 

«meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Documnent</title> 

</head> 


<body] 
</body> 
</html> 
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الفصل الاو 


مرحبا بكم معنا في الفصل الاول من 1۲١/1‏ سوف نقوم التعرف على الهيكله العامة والاساسية لصفحة ويب 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlins="http://www.w3.org/1999/xhtml"> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 

</head> 


<body> 
</body> 
</html> 
المخطط يكون بالشكل التالي‎ 
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عبارة عن راس الصفحة والذي 
يصتوي على اسم الصفحة وغبرطا 


في هذا الجزء يكون محتويات الصفحة 
س تصوص وضور وجداول 


</body> 


https://www.facebook.com/Eng.Minds engineering.minds@yahoo.com 


Engineering Minds‏ عقول هندسية 


لنقوم الان بعمل اول تطبيق سهل في البرنامج 


<!DOCTYPE html PUBLIC "-/7W3C/ DID XHTML 1.0 Tranaitional/7EN" "http: //www.wW3.Org/TR/xhtn11/DTD/xhtnLl1-transitional.dtd"> 
<html xmlna="http: //ww.w3.org/1999/xhtnl"*» 

<head> 

«neta http-equiv="Content-Type" content="text/htnl; charset=utf-8" /> 

<title>Computer Engineering Of Iraqc</titley 


سا نكنب عذوان الصفحة ومو يظمر في الاعلى </head>‏ 


کا یم ا ك 0 ك ك 


<body> 

This is my firat website ... amazing 

هنا نكتب النض الذي بظمر داض الموقع kı/body>‏ 
4f html‏ 
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This is my frst website ... amazing 


لتطبيق البرنامج اضغط على المفتاح ۴12 من لوحة المفاتيح 
عند الضغط سوف تظهر لك هذة الرسالة 


Dreamweaver 


Sawe changes to Untitled-1?‏ ا 


سوف نقوم بالضغط على وم۷ ومن ثم نختار مكان الحفظ كما بالصوره التالية 
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Save in: ۳ part1 
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وبعد الضغط على مرجء سوف يظهر التطبيق على المتصفح وهنا سوف يكون المتصفح "۳٥٣۸ء‏ ماعممĞ‏ 
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computer engineering of iraq.html *# Path: F\Computer Engineering Of Iraq learn\parti\camputer engineering of iraq. html 
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<body> 
This is my first website ... amazing 
k/body> 
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فالمستعرض لا يتغير بالعرض فتظهر بشكل طبيعي مثل 
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3 v0 3 ` O) Compute 
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لكن لعرضها على المتصفح بنفس الشكل السابق سوف نستخدم هذا ال عة 


كما بالصوره التالية سنشاهد الكود والعرض 
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سوف يقوم نفس عمل <۲ط> ولكن يترك مسافة سطر في النص كما في الصورة التالية 
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&nbsp;‏ 
كلما يزيد عدد ;مءطام& تزيد المسافة 
طبعا &nbsp;‏ ختصر Non Breakable Space nÛ‏ 


وسوف نرى هذا التطبيق في الصورة التالية 
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الفصل الثاني 


مرحبا بكم في الفصل الثاني من كتاب ا1۲1 وفي هذا الفصل سوف نتعرف على الالوان 
طبعا الصيغة المتعارف عليها بالالوان هي R68‏ وهي مختصر 
(Red — Green - Blue)‏ 
سوف تتمثل بالشكل التالي 


لكل لون من هذة الالوان 256 درجة لونية فمن خلال مزج هذة الالوان مع بعضها بحسب الدرجات المختلفة والمختارة سوف 
تظهر باقي الالوان 
فبرايكم ماهو عدد الالوان التي يمكن الحصول عليها؟؟ 
الاجابة : سوف نفوم بعملية ضرب جميع التدرجات من الالوان الثلاث8 ۴6 
256(Red)x256(Green)x256(Blue)= 16777216 color‏ 


الان سوف نراى بعض الالوان من خلال هذة الارقام حسب الصورة التالية 


عند كتابة اللون يجب وضع علامة # مثل ماشاهدنا بالصورة السابقة 


ملاحظة : هناك الوان رئيسية يمكن ان نستخدم اسمائها دون كتابة الارقام الخاصة بها وهذا جدول يوضح ذلك 
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% 
وهذا الفصل الثالث من كتاب ا1١1۲‏ في هذا الفصل سوف نتطرق ال وھ ۴0٣۲‏ 
<font>.....</font>‏ 
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ملاحظة الطريقة الثانية تكون مابين (1+ - 6+) ولكن بكل الاحوال فالرقم لا يتجاوز 7 في الحالة الاولى سوف نرى المثال التالي 
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